my-share {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10002;
  .my-share-wrapper {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 270px;
    z-index: 10;
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    .my-share-container {
      background-color: #f6f6f6;
      padding-top: 2rem;
      .col {
        text-align: center;
        .icon {
          display: block;
          width: 1em;
          height: 1em;
          margin: 0 auto;
          font-size: 4rem;
        }
      }
      .cancle-row {
        border-top: 1px solid #eee;
      }
    }
  }
}

